<template>
    <div class="readBuy">
        <div class="pad18">
            <ul class="bookInfo">
                <li>
                    <span class="bookName">平视姚明</span>
                    <span class="price">￥30.10</span>
                </li>
                <li>
                    <span class="bookName">这辈子我最想的事</span>
                    <span class="price">￥30.10</span>
                </li>
            </ul>
            <ol>
                <li>
                    <span class="price">总价</span>
                    <span class="price">60.20</span>
                </li>
                <li>
                    <span class="price">运费</span>
                    <span class="price">包邮</span>
                </li>
                <li>
                    <span class="price">红包</span>
                    <span class="redBag">暂无可用红包 ></span>
                </li>
            </ol>
            <div class="baochou">
                <span>预计收入</span>
                <span>￥63.20</span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            value: '',
            checked: false,
            scuccess: false
        }
    },
    methosd: {
        handleAnimalChange(event) {
            console.log(event)
        },
        submitBtn() {
            console.log('123')
            this.success = true
        }
    }
}
</script>
<style lang="scss" scoped>
.readBuy {
    background: #eeeeee;
    padding-top: 30rpx;
    .pad18 {
        padding: 0rpx 18rpx;
        background: #fff;
    }
    ul,
    ol {
        border-bottom: 1px solid #ddd;
        padding-bottom: 30rpx;
        li {
            display: flex;
            justify-content: space-between;
            padding-top: 30rpx;
        }
    }
    .bookInfo {
        .bookName {
            font-size: 28rpx;
            color: #2b2b2b;
            font-weight: bolder;
        }
    }
}
.price {
    color: #2b2b2b;
    font-size: 28rpx;
}
.redBag {
    color: #666;
    font-size: 28rpx;
}
.baochou {
    text-align: right;
    margin-top: 30rpx;
    span:nth-child(1) {
        font-size: 36rpx;
        color: #2b2b2b;
        font-weight: 700;
    }
    span:nth-child(2) {
        font-size: 28rpx;
        color: #2b2b2b;
    }
}
</style>
